@import "common.less";

.home{height:100%;
  .index2{background:url("../img/bg.jpg") 50% 50%/cover no-repeat; height:100%; overflow: hidden;}
  #main{position:fixed; top: 0;width: 100%;bottom: 0; max-width:@rex-screen/@rem; margin:0 auto;}

  .tip{position:absolute; bottom:20%; width:100%;
    i{display:block; width:224/@rem; height:224/@rem; background:url("../img/index_tip.png") 0 0/contain no-repeat; margin:0 auto;}
    &:before{content:""; display:block; width:342/@rem; height:342/@rem; background:url("../img/index_tip_move.png") 0 0/contain no-repeat; position: absolute; left:50%; margin-left:-171/@rem; top:-55/@rem;
      animation: tipmove 2s infinite;
    }
  }

  .index{
    position: absolute; top:0; bottom:0; left:0; right:0; background:url("../img/indexbg.jpg") 50% 50%/cover no-repeat; z-index:99;
    button{border:none; display:block; position:absolute; left:50%; margin-left:-243/@rem; bottom:10%; width:486/@rem; height:130/@rem; background:url("../img/indexbtn.png") 0 0/contain no-repeat;}
  }
}

@keyframes tipmove {
  50%{transform: scale(1);}
  0%,100%{transform: scale(1.1);}
}